<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/comm/mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${ctx}/static/css/community.css">
<body>
<div class="layui-fluid">

    <div class="layui-row layui-col-space8 layui-tab ">
        <div class="layui-col-md12 layui-tab-brief">
            <ul class="layui-tab-title">
                <li class="layui-this">全部</li>
                <li>提问</li>
            </ul>
        </div>
        <div class=" layui-tab-content">
            <!-- 首页-->
            <div class="layui-row layui-col-space8 layui-tab-item layui-show">
                <!-- 左边-->
                <div class="layui-col-md9">
                    <div class="layui-row layui-col-space8">
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header">置顶</div>
                                <div class="layui-card-body">
                                    <ul class="fly-list">
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>
                                            <div class="fly-list-badge">
                                                <span class="layui-badge layui-bg-red">精帖</span>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>

                                        </li>
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>

                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header fly-filter">
                                    <a href="" class="layui-this">综合</a>
                                    <span class="fly-mid"></span>
                                    <a href="">未结</a>
                                    <span class="fly-mid"></span>
                                    <a href="">已结</a>
                                    <span class="fly-mid"></span>
                                    <a href="">精华</a>
                                    <span class="fly-filter-right layui-hide-xs">
                                        <a href="" class="layui-this">按最新</a>
                                        <span class="fly-mid"></span>
                                        <a href="">按热议</a>
                                    </span>
                                </div>
                                <div class="layui-card-body">
                                    <ul class="fly-list">
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="layui-badge fly-badge-accept layui-hide-xs">已结</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>
                                            <div class="fly-list-badge">
                                                <span class="layui-badge layui-bg-red">精帖</span>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>

                                        </li>
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>

                                        </li>
                                        <li>
                                            <a href="user/home.html" class="fly-avatar">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">
                                            </a>
                                            <h2>
                                                <a class="layui-badge">动态</a>
                                                <a href="jie/detail.html">基于 layui 的极简社区页面模版</a>
                                            </h2>
                                            <div class="fly-list-info">
                                                <a href="user/home.html" link><cite>贤心</cite></a>
                                                <span>刚刚</span>
                                                <span class="fly-list-nums"><i class="layui-icon layui-icon-dialogue" title="回答"></i> 66</span>
                                            </div>

                                        </li>
                                    </ul>
                                    <div style="text-align: center">
                                        <div class="laypage-main"><span class="laypage-curr">1</span><a href="/jie/page/2/">2</a><a href="/jie/page/3/">3</a><a href="/jie/page/4/">4</a><a href="/jie/page/5/">5</a><span>…</span><a href="/jie/page/148/" class="laypage-last" title="尾页">尾页</a><a href="/jie/page/2/" class="laypage-next">下一页</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右边-->
                <div class="layui-col-md3">
                    <div class="layui-row layui-col-space8">
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header">快捷操作</div>
                                <div class="layui-card-body" >

                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header">温馨通道</div>
                                <div class="layui-card-body fly-list-static">
                                    <li>
                                        <a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
                                    </li>
                                    <li>
                                        <a href="http://fly.layui.com/jie/5366/" target="_blank">
                                            layui 常见问题的处理和实用干货集锦
                                        </a>
                                    </li>
                                    <li>
                                        <a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
                                    </li>
                                    <li>
                                        <a href="http://fly.layui.com/jie/5366/" target="_blank">
                                            layui 常见问题的处理和实用干货集锦
                                        </a>
                                    </li>
                                    <li>
                                        <a href="http://fly.layui.com/jie/4281/" target="_blank">layui 的 GitHub 及 Gitee (码云) 仓库，欢迎Star</a>
                                    </li>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header">回帖周榜</div>
                                <div class="layui-card-body fly-rank" >
                                    <dl>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>
                                        <dd>
                                            <a href="user/home.html">
                                                <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"><cite>贤心</cite><i>106次回答</i>
                                            </a>
                                        </dd>

                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-xs12">
                            <div class="layui-card">
                                <div class="layui-card-header">本周热议</div>
                                <div class="layui-card-body fly-list-one" style="min-height: 50px;">
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                    <dd>
                                        <a href="">基于 layui 的极简社区页面模版</a>
                                        <span><i class="layui-icon layui-icon-dialogue"></i> 16</span>
                                    </dd>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

            <!-- 提问-->
            <div class="layui-row layui-col-space8 layui-tab-item ">
                <div class="layui-col-md8">
                    <div class="layui-card">
                        <div class="layui-card-header"><i class="layui-icon layui-icon-chart"></i>最新文章2</div>
                        <div class="layui-card-body">
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>

<script type="text/javascript">
    var $, layer, table, layOpenWin, element;
    layui.config({
        base: "${ctx}/static/js/"
    }).use(['jquery', 'layer', 'table', 'layOpenWin', 'element'], function () {
        $ = layui.$,
            layer = layui.layer,
            layOpenWin = layui.layOpenWin,
            table = layui.table,
            element = layui.element;


    });

</script>

</body>
</html>